<%
/**
 * Copyright (c) 2000-2009 Liferay, Inc. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
%>

<%@ include file="/html/portlet/css_init.jsp" %>

/* drop down */

#navigation_portlet, #navigation_portlet * {
      z-index:9900;
  }
  
  
#navigation_portlet {
	position:absolute;
	border-bottom: 1px solid #7AA5D6;
	height: 23px;
	padding: 0 18px;
}

#navigation_portlet ul,
#add-page {
	float: left;
}

#navigation_portlet a { 
	background: #E5ECF9;
	border: 1px solid #7AA5D6;
	color: #262626;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 4px 0 0;
	padding: 3px 10px 4px;
	text-decoration: none;
}

#navigation_portlet .selected a {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #36C;
	font-weight: bold;
}

#navigation_portlet .cancel-page {
	display: none;
}

#navigation_portlet .save-page {
	display: inline;
}

 #navigation_portlet li {
 position:relative;

 }
/*****************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation_portlet ul ul {
visibility:hidden;
position:absolute;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#navigation_portlet table {position:absolute; }

/* style the second level links */
#navigation_portlet ul ul a, #navigation_portlet ul ul a:visited {
filter: alpha(opacity = 80);
-moz-opacity: 0.85;
opacity: 0.85;
font-weight:normal;
background:#000;
height:auto;
line-height:1em;
/*padding:5px 10px;*/
/*width:12em;*/
/*width:110px;*/
text-align:left;
}

/* style the top level hover */
#navigation_portlet a:hover{
background:none;
color:#000;
}
#navigation_portlet .drop1 a:hover,#navigation_portlet ul ul a:hover{
color:#666666;
background:#FFF;
}
#navigation_portlet .drop1 :hover > a, #navigation_portlet ul ul :hover > a {
color:#000;
background:#FFF;
}

/* make the second level visible when hover on first level list OR link */
#navigation_portlet ul li:hover ul,
#navigation_portlet ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#navigation_portlet ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#navigation_portlet ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#navigation_portlet ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#navigation_portlet ul :hover ul :hover ul :hover ul {
visibility:visible;
}
#navigation_portlet li a span{
    padding:0px;
    margin:0px;
    padding-left:5px;
    padding-right:3px;
    margin-right:3px;
    margin-left:3px;
    line-height:18px;
    min-width:0px;
    width:0px;
}
/*drop down ends*/


/* ---------- drop down menu ---------- */
#nav_portlet, #nav_portlet ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
    /* position:relative;*/
     line-height:1.5em;
 }
 
  #nav_portlet a:link, #nav_portlet a:active, #nav_portlet a:visited{
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;
 }

#nav_portlet a:hover{
    background-color:#fff;
    color:#333;
}

#nav_portlet li{
/*	width:10em;*/
    float:left;
    position:relative;
}

#nav_portlet ul {
    position:relative;	
    width:12em;
	height:3em;
    top:1.5em;
    display:none;
}

#nav_portlet li ul a{
    width:12em;
	height:3em;
    float:left;
}

#nav_portlet ul ul{
	top:auto;
	}	

#nav_portlet li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav_portlet li:hover ul ul, #nav_portlet li:hover ul ul ul, #nav_portlet li:hover ul ul ul ul{
    display:none;
    }
#nav_portlet li:hover ul, #nav_portlet li li:hover ul, #nav_portlet li li li:hover ul, #nav_portlet li li li li:hover ul{
    display:block;
    }
/*-----------------drop down menu end------*/



/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

/* ---------- Main content body ---------- */

#content-wrapper {
	padding: 15px 27px;
}

/* ---------- Banner ---------- */

#banner {
	padding: 32px 0 25px;
}

#banner .logo {
	margin: 0;
}

#banner .logo a {
	margin: 0 auto;
}

/* ---------- Dock with JavaScript ---------- */

.js .interactive-mode {
	right: 27px;
	top: 27px;
}

/* ---------- Main navigation ---------- */

.enter-page input {
	margin-right: 4px;
	padding-bottom: 4px;
}

.ie .enter-page {
	position: relative;
	top: -1px;
}

.ie .save-page {
	position: relative;
	top: -4px;
}

/* ---------- Portlet ---------- */

.portlet {
	border: 1px solid #BDCAD8;
	margin: 0 0 12px;
}

.portlet-topper {
	background: #D4E6FC;
	border-bottom: 1px solid #BDCAD8;
	padding: 4px 8px 5px;
}

.portlet-title {
	color: #249;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.portlet-title img {
	display: none;
}

.portlet-content {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 9px 5px;
}

/* ---------- Tabs ---------- */

.ui-tabs {
	border-bottom: 1px solid #676767;
}

.ui-tabs li a,
.tabs li span,
.ui-tabs li a:hover,
.ui-tabs li span:hover {
	background: #DDD;
	border: 1px solid #AAA;
	border-bottom: 1px solid #676767;
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 3px 0 0;
	padding: 2px 16px;
	text-decoration: none;
}

.ui-tabs li.current a,
.ui-tabs li.current span,
.ui-tabs li.current a:hover,
.ui-tabs li.current span:hover {
	background: #fff;
	border: 1px solid #676767;
	border-bottom: 1px solid #FFF;
	color: #36C;
	font: bold 11px Arial, Helvetica, sans-serif;
}



	
